<template>
  <div>
    <mtHeader
      fixed
      :title=title
      style="background: linear-gradient(0deg, #399f00, #26701a);height:1rem"
    >
        <div class="header-left iconfont" slot="left" @click="$router.back(-1)">&#xe623;</div>
    </mtHeader>
    <div class="container">
      <Cell :followList=followList></Cell>
    </div>
  </div>
</template>
<script>
import { Header} from "mint-ui";
import Cell from '../../components/cell'
export default {
  name: "Fans",
  components: {
    mtHeader: Header,
    Cell
  },
  data: function() {
    return {
      title: "粉丝",
      isActive:false,
      followList:[{title:'发现圈子',imgUrl:'/static/imgs/faxian.png',content:'用户介绍用户介绍用户介绍'},{title:'国际米兰',imgUrl:'/static/imgs/guojimilan.png',content:'用户介绍用户介绍用户介绍'},
        {title:'利物浦',imgUrl:'/static/imgs/liwupu.png',content:'用户介绍用户介绍用户介绍'},{title:'中超',imgUrl:'/static/imgs/zhongchao2.png',content:'用户介绍用户介绍用户介绍'},
        {title:'曼联',imgUrl:"/static/imgs/manlian.png",content:'用户介绍用户介绍用户介绍'}
      ],
    };
  },
  methods: {
    btnSort() {
      this.isActive=!this.isActive;
    },
    changeSort(p){
      if(this.sort==p){
        return;
      }
      this.sort=p;
      this.isActive=false
    }
  }
};
</script>
<style lang="less" scoped>
img{
  width: 100%;
  height: 100%;
}
.header-left {
  font-size: 0.5rem;
}
.container{
    position: relative;
    margin-top: 1rem;
    width: 100%;
    
}

</style>